layui.use(['element', 'layer'], function(){
    var element = layui.element;
    var layer = layui.layer;
    var $ = layui.jquery;
    
    // 侧边栏点击事件
    $('.layui-nav-item a').click(function(){
        var url = $(this).data('url');
        if(!url) return;
        
        var title = $(this).text();
        var id = url.replace(/\//g, '_');
        
        // 判断选项卡是否存在
        if($('.layui-tab-title li[lay-id="'+ id +'"]').length == 0){
            element.tabAdd('tabs', {
                title: title,
                content: '<iframe src="'+ url +'" frameborder="0" class="layui-iframe"></iframe>',
                id: id
            });
        }
        element.tabChange('tabs', id);
    });
    
    // 修改密码
    $('.modify-password').click(function(){
        layer.open({
            type: 2,
            title: '修改密码',
            area: ['400px', '300px'],
            content: '/admin/login/password'
        });
    });
    
    // 监听选项卡切换
    element.on('tab(tabs)', function(){
        var id = $(this).attr('lay-id');
        $('.layui-nav-item a[data-url]').each(function(){
            if($(this).data('url').replace(/\//g, '_') == id){
                $(this).parent().addClass('layui-this').siblings().removeClass('layui-this');
                var parents = $(this).parents('.layui-nav-item');
                if(parents.length){
                    parents.addClass('layui-nav-itemed').siblings().removeClass('layui-nav-itemed');
                }
            }
        });
    });
}); 